在JavaScript中，访问对象属性的方法有多种，主要取决于你如何定义和引用这些属性。以下是几种常见的方法：

1. 点（.）表示法 这是最常见和最直接的方法。适用于属性名是有效的JavaScript标识符（即不以数字开头，不包含空格或特殊字符，且不是JavaScript的保留字）。 javascript复制代码const person = { name: 'Alice', age: 30}; console.log(person.name); // 输出: Aliceconsole.log(person.age); // 输出: 30
2. 方括号（[]）表示法 这种方法更灵活，适用于属性名不是有效的JavaScript标识符，或者属性名是动态生成的。 javascript复制代码const person = { 'first-name': 'Alice', 'age': 30}; console.log(person['first-name']); // 输出: Aliceconsole.log(person['age']); // 输出: 30
3. 使用变量作为属性名 通过方括号表示法，你可以使用变量作为属性名来访问对象的属性。 javascript复制代码const person = { name: 'Alice', age: 30}; const prop = 'name';console.log(person[prop]); // 输出: Alice
4. 嵌套对象属性访问 对于嵌套对象，你可以通过链式点表示法或方括号表示法来访问深层属性。 javascript复制代码const user = { profile: { name: 'Bob', age: 25, address: { city: 'New York', zip: '10001' } }}; console.log(user.profile.name); // 输出: Bobconsole.log(user.profile.address.city);// 输出: New York // 使用方括号表示法const prop2 = 'address';console.log(user.profile[prop2].city); // 输出: New York
5. 使用Object.keys(), Object.values(), 和 Object.entries() 这些方法可以用来遍历对象的键、值或键值对，但通常不直接用于访问特定属性。 javascript复制代码const person = { name: 'Alice', age: 30}; // 获取所有键const keys = Object.keys(person);console.log(keys); // 输出: ['name', 'age'] // 获取所有值const values = Object.values(person);console.log(values); // 输出: ['Alice', 30] // 获取键值对const entries = Object.entries(person);console.log(entries); // 输出: [['name', 'Alice'], ['age', 30]]
6. 使用可选链（Optional Chaining）操作符（?.） 可选链操作符允许你安全地访问嵌套对象的属性，即使其中某些属性可能未定义或为空。 javascript复制代码const user = { profile: null}; console.log(user.profile?.name); // 输出: undefined 而不是抛出错误 这些方法提供了访问对象属性的不同方式，你可以根据具体场景选择最合适的方法。